<template>
  <div class="pagination">
    <lay-page v-model="props.currentPage" :limit="props.limit" :layout='["prev", "page", "next","count" ]' :total="props.total" @change="page_change"></lay-page>
  </div>
</template>

<script setup lang="ts">
// import { defineProps } from "vue";
const props = defineProps(["currentPage", "limit", "total"]);
const emit = defineEmits(["page_change"]);

const page_change = ({ current, limit }) => {
  console.log(current, limit);
  emit("page_change", current, limit);
};
</script> 

<style scoped>
.pagination {
  margin-top: 15px;
}
</style>